<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        全局组件: <v-test></v-test>
        全局组件: <v-test></v-test>
        全局组件: <v-test></v-test>
        全局组件: <v-test></v-test>
        全局组件: <v-test></v-test>
    </div>
</body>
<script src="../js/vue.js"></script>
<script>
    Vue.config.productionTip = false;
    //非根配置不能使用el  data不能是个对象!
    Vue.component("v-test",{
        template:"<strong>{{msg}}</strong>",
        data(){
            return {
                msg:"v-test"
            }
        }
    })

    //根配置可以使用el
    new Vue({
        el:"#app", // 1.指定根节点的挂载位置 2.指定当前根组件对应的模板
        //template:"<i>app</i>",//2.指定当前根组件对应的模板
        data:{
           msg:"message from data"
        }
    })

</script>
</html>